/* pages/seckill/seckill.wxss */
.container {
  position: relative;
  .bg {
    position: absolute;
    top: 0;
    width: 750rpx;
    display: block;
  }
  .top-info {
    width: 100%;
    position: absolute;
    top: 0;
    margin-bottom: 15rpx;
    .info-wrap {
      .route-wrap {
        position: relative;
        display: flex;
        justify-content: space-between;
        align-items: center;
        position: relative;
        padding: 8rpx 0;
        font-size: 34rpx;
        line-height: 48rpx;
        font-weight: bold;
        text-align: center;
        color: #fff;
        .item {
          box-sizing: border-box;
          width: 33.33%;
          display: flex;
          justify-content: center;
          align-items: center;
        }
        .left {
          padding-left: 15rpx;
          justify-content: flex-start;
        }
      }
      .time-list {
        position: absolute;
        bottom: 15rpx;
        min-width: 100%;
        max-width: 100%;
        justify-content: space-between;
        overflow-x: scroll;
        &::-webkit-scrollbar {
          display: none;
        }
        .time-item {
          font-size: 30rpx;
          width: 100rpx;
          flex-shrink: 0;
          text-align: center;
          padding: 0 20rpx;
          color: #fff;
          .time {
            margin-bottom: 10rpx;
          }
        }
        .active-item {
          font-size: 30rpx;
          font-weight: bolder;
        }
      }
    }
  }
  .goods-wrap {
    .goods-list {
      .goods-item {
        margin-bottom: 20rpx;
        .item-content {
          align-items: stretch;
          margin-bottom: 20rpx;
          .good-img {
            margin-right: 15rpx;
            width: 281rpx;
            height: 231rpx;
            border-radius: 18.12rpx;
          }
          .right-info {
            justify-content: space-between;
            .title {
              font-size: 28rpx;
            }
            .tag {
              font-size: 24rpx;
              margin-bottom: 25rpx;
              text {
                margin-right: 5rpx;
                color: #666666;
              }
            }
            .sale-info {
              margin-bottom: 15rpx;
              background-color: #fee7e8;
              border-radius: 15.5rpx;
              padding: 5rpx 10rpx;
              font-size: 20rpx;
              color: #603b41;
              image {
                width: 17rpx;
                height: 21rpx;
                margin-right: 10rpx;
              }
            }
            .timer {
              margin-bottom: 15rpx;
              .end-text {
                margin-right: 10rpx;
              }
              .item-wrap {
                color: #fb1438;
                .item {
                  display: inline-block;
                  width: 30rpx;
                  margin: 0rpx 5rpx;
                  color: #fb1438;
                  font-size: 20rpx;
                  text-align: center;
                  background-color: #fee7e8;
                  border-radius: 4rpx;
                }
              }
            }
            .price-wrap {
              margin-bottom: 15rpx;
              width: 400rpx;
              justify-content: space-between;
              .price {
                font-size: 28rpx;
                color: #fb1438;
                .right {
                  margin-left: 20rpx;
                  text-decoration: line-through;
                  color: #666666;
                }
                .symbol {
                  font-size: 24rpx;
                }
              }
            }
          }
        }
        .other-user {
          justify-content: space-between;
          font-size: 24rpx;
          color: #999999;
          .img-list {
            margin-right: 15rpx;
            .img-item {
              image {
                display: block;
                width: 36rpx;
                height: 36rpx;
                border-radius: 50%;
                margin: 0 8rpx;
              }
            }
          }
          .right-text {
            border-left: 1px solid #999999;
            padding-left: 15rpx;
          }
        }
      }
    }
  }
}
